<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.p1{
				width: 200px;
				height: 200px;
				border: 1px solid black;
				overflow: scroll;
			}
			
			.p2{
				width: 200px;
				height: 200px;
				border: 1px solid black;
				overflow-x:hidden;
			}
		</style>
	</head>
	<body>
		1.滚动条<br /><br />
		<div class="p1">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
		</div>
		
		<br /><br /><br />
		2.overflow-x的使用<br /><br />
		<div class="p2">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quisquam tempora illo nesciunt quam tempore nostrum consectetur voluptates dolore cum eum sunt ab aspernatur labore obcaecati. Molestiae maiores ullam corporis.
		</div>
	</body>
</html>
